import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'


const patch = init([])


// 第一个参数: 标签你+选择器
// 第二个参数: 如果是字符串就是标签中的文本内容
let vnode = h('div#container', [
  h('h1', 'Hello Source'),
  h('p', 'Hello P'),
])


let app = document.querySelector('#app')

// 第一个参数: 旧的 VNode, 可以是 DOM 元素
// 第二个参数: 新的 VNode
// 返回新的 VNode
let oldVnode = patch(app, vnode)

setTimeout(() => {
  vnode = h('div#container', [
    h('h1', 'Hello Roch'),
    h('p', 'Hello Snabbdom'),
  ])
  patch(oldVnode, vnode)
  // patch(oldVnode, h('!'))
}, 2000)